<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="icon" type="images/x-icon" href="../image/toubiao.jpg">
    <link href="../css/css_house.css" rel="stylesheet">
    <link  rel="stylesheet" href="../bootstrap-5.1.1-dist/css/bootstrap.min.css">
</head>
<body>
<!--<=========================头部导航==========================>-->
<div class="nav">
    <div class="head-logo">
        <a href="" ></a>
    </div>
    <div class="head-nav">
        <ul>
            <li><a href="" class="first-item">首页</a> </li>
            <li><a href="">手机端</a> </li>
            <li><a href="">成为房东</a> </li>
            <li><a href="">房源订单中心</a> </li>
            <li><a href="">个人中心</a> </li>
            <li><a href="">帮助</a> </li>
        </ul>
    </div>
    <div class="head-login">
        <a href="">
            <img class="login-logo" src="../image/login-logo.svg"/>
            <span class="login-title">登录</span>
        </a>
        <a href="">
            <img class="regist-logo" src="../image/regist-logo.svg" >
            <span class="login-title">注册</span>
        </a>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-1 col">
            <span class="text">苏州</span>
        </div>
        <div class="col-md-3 col">
            <input type="text" class="head-search" placeholder="请输入地点，房间名查询">
        </div>
        <div class="col-md-2 col">
            <input type="date" class="head-date">
        </div>
        <div class="col-md-1 col">
            <span class="text">至</span>
        </div>
        <div class="col-md-2 col">
            <input type="date" class="head-date">
        </div>
        <div class="col-md-1 col">
            <div class="s_mn_search_submit2">
                <input type="button" value="搜&nbsp;索&nbsp;房&nbsp;间" class="w_list_button" id="s_mn_button3">
        </div> </div>

    </div>
    <div class = "row-cols-12 border">
        <div class="row">
            <div class="col-cols-2 f12">
                <ul class="select">
                    <li class="select-list">
                        <dl id="select1">
                            <dt>房间位置：</dt>
                            <dd class="select-all selected"><a href="#">不限</a></dd>
                            <dd><a href="#">行政区域</a></dd>
                            <dd><a href="#">热门地标</a></dd>
                            <dd><a href="#">商圈周边</a></dd>
                            <dd><a href="#">机场车站</a></dd>
                            <dd><a href="#">学校周边</a></dd>
                            <dd><a href="#">商务办公</a></dd>
                            <dd><a href="#">景点周边</a></dd>
                            <dd><a href="#">医院周边</a></dd>
                            <dd><a href="#">展馆周边</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-cols-2 f11">
                <ul class="select">
                    <li class="select-list">
                        <dl id="select2">
                            <dt>房间类型：</dt>
                            <dd class="select-all selected"><a href="#">不限</a></dd>
                            <dd><a href="#">别墅套件</a></dd>
                            <dd><a href="#">四合院</a></dd>
                            <dd><a href="#">农家乐</a></dd>
                            <dd><a href="#">独栋别墅</a></dd>
                            <dd><a href="#">小区住宅</a></dd>
                            <dd><a href="#">酒店式公寓</a></dd>
                            <dd><a href="#">普通公寓</a></dd>
                            <dd><a href="#">Loft公寓</a></dd>
                            <dd><a href="#">联排别墅</a></dd>
                            <dd><a href="#">客栈别墅</a></dd>
                            <dd><a href="#">自建住宅</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-cols-2 f10">
                <ul class="select">
                    <li class="select-list">
                        <dl id="select3">
                            <dt>房间价格：</dt>
                            <dd class="select-all selected"><a href="#">不限</a></dd>
                            <dd><a href="#">0-100</a></dd>
                            <dd><a href="#">101-200</a></dd>
                            <dd><a href="#">201-300</a></dd>
                            <dd><a href="#">301-400</a></dd>
                            <dd><a href="#">401-500</a></dd>
                            <dd><a href="#">501-800</a></dd>
                            <dd><a href="#">801-1000</a></dd>
                            <dd><a href="#">1001-1500</a></dd>
                            <dd><a href="#">1500以上</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-cols-2 f9">
                <ul class="select">
                    <li class="select-list">
                        <dl id="select4">
                            <dt>房间户型：</dt>
                            <dd class="select-all selected"><a href="#">不限</a></dd>
                            <dd><a href="#">一室</a></dd>
                            <dd><a href="#">二室</a></dd>
                            <dd><a href="#">三室</a></dd>
                            <dd><a href="#">四室</a></dd>
                            <dd><a href="#">四室以上</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>

<div class="width1190">
    <div class="pro-left">
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3>
                    <a href="" >【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘
                    </a>
                </h3>
                <a href="">
                <button class="pro-fdtouxiang">

                </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse2" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥ <span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                <a href="">
                    <button class="pro-fdtouxiang">

                    </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse2" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥ <span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                <a href="">
                    <button class="pro-fdtouxiang">

                    </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse2" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥ <span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                <a href="">
                    <button class="pro-fdtouxiang">

                    </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse2" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥ <span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                <a href="">
                    <button class="pro-fdtouxiang">

                    </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse2" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥ <span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
        <dl>
            <dt><a href=""><img src="../image/fang1.jpg" width="286" height="188" /></a></dt>
            <dd>
                <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                <a href="">
                    <button class="pro-fdtouxiang">

                    </button>
                </a>
                <div class="pro-wei">
                    <img src="../image/weizhi.png" width="12" height="16" /> <strong class="red">平江街道建新巷37号</strong>
                </div>
                <div class="pra-fa">
                    <button class="buttonhouse1" >4.9分·15条评论</button>
                    <button class="buttonhouse2" >超赞房东</button>
                    <button class="buttonhouse" >可开发票</button>
                    <button class="buttonhouse" >自助入住</button>
                    <button class="buttonhouse" >投影仪</button>
                    <button class="buttonhouse" >近地铁站</button>
                </div>
                <div class="pro-di">
                    <img src="../image/dianzan.jpg" class="pro-dianzan">
                    <span>点赞数</span>
                    <span>111</span>
                    <img src="../image/pinglun.png" class="pro-pinglun">
                    <span>评论数</span>
                    <span >111</span>
                </div>
            </dd>
            <div class="price">¥<span>280</span><span class="font12">元/日</span></div>
            <div class="clears"></div>
        </dl>
    </div><!--pro-left/-->
    <div class="pro-right">
        <h2 class="right-title">推荐房源</h2>
        <div class="right-pro">
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
            <dl>
                <dt><a href=""><img src="../image/fang2.jpg" /></a></dt>
                <dd>
                    <h3><a href="">【悦·听月】精装投影房/地铁二号线/近苏州火车站/山塘街/虎丘</a></h3>
                    <div class="right-price">1100元/日</div>
                </dd>
            </dl>
        </div><!--right-pro/-->
    </div><!--pro-right/-->
    <div class="clears"></div>
</div><!--width1190/-->
</div><!--content/-->
<div class="footer">
    <div class="footer-page">
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
        </head>
        <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li class="active"><a href="#">1</a></li>
            <li class="disabled"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="#">10</a></li>
            <li><a href="#">11</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
</div>

<script src="../js/js_house.js"></script>
</body>
</html>